@import url("~assets/less/index.less");
.daytime {
  background: #fff!important;
  color: black;
}
.darknight {
  background: #191B27!important;
  color: @white;
  /deep/.van-tabs__nav--card .van-tab.van-tab--active{
  background: #000000!important;color: @white;
  }
  /deep/.van-tabs__nav--card .van-tab{
  border:none!important;
  }
  /deep/.van-tabs__nav--card{
  border:none!important;
  }
  /deep/.van-tab{
  background: #191B27 !important;color: #fff!important;
  }
}
.dark_li_color {
  background: #000000!important;color: @white;
}
.white{color:#fff!important;}
.asset_mod {
  min-height: 100vh;
  background-color: #F3F3F3;


  &_box {
    &_tab {
      background-color: @white;
      padding: 10px;
      height: 48px;
      font-family: Roboto-Medium, Roboto;

      .van-tabs {
        /deep/.van-tabs__nav--card {
          margin: 0;
          border-radius: 4px;
        }
      }

    }

    &_card {
      background-color: @white;
      padding: 0px 12px 12px 12px;



      &_content {
        padding: 24px 16px;
        border-radius: 8px 8px 8px 8px;
        background: linear-gradient(90deg, #DAAB51 0%, #EFD696 100%);
        overflow: hidden;

        &_money {
          display: flex;
          align-items: center;
          margin-bottom: 12px;

          &_assets {
            min-width: 95px;
            color: @white;

            p {
              font-family: Roboto-Regular, Roboto;
              margin-bottom: 5px;
            }

            h1 {
              font-size: 24px;
              font-family: Roboto-Medium, Roboto;
            }
          }

          &_bg {
            margin-left: 22px;
            font-size: 47px;
            font-family: Roboto-Bold, Roboto;
            font-weight: bold;
            color: #E9CD97;
          }
        }

        &_business {
          display: flex;

          &_common {
            flex: 1;
            text-align: center;

            img {
              width: 32px;
              height: 32px;
            }

            p {
              color: @white;
            }
          }
        }
      }

    }

    &_list {
      margin: 12px;
      border-radius: 4px;

      &_data {
        padding: 12px;
        height: 112px;
        background-color: @white;
        border-radius: 4px;
        margin-bottom: 12px;

        &_title {
          display: flex;
          align-items: center;
          margin-bottom: 13px;

          img {
            width: 20px;
            height: 20px;
          }

          span {
            display: inline-block;
            margin-left: 8px;
            font-size: 16px;
            font-family: Roboto-Medium, Roboto;
            font-weight: 600;
            color: #1A1A1A;
          }
        }

        &_content {
          display: flex;

          &_demo {
            flex: 1;
            text-align: center;
            font-family: Roboto-Regular, Roboto;

            &>div {


              p {
                &:first-child {
                  font-size: 14px;
                  color: #878999;
                }

                &:nth-child(2) {
                  color: #ABACB7;
                  font-size: 12px;
                  transform: scale(.8);
                }
              }
            }

            &>p {
              margin-top: 5px;
              color: #1A1A1A;
              font-weight: 600;
            }
          }
        }
      }

    }
  }
}
